@charset "utf-8";
*{
    margin:0;padding:0;
}
%auto{
    width:100%;
    height:100%;
}
$topwidth:1200px;
.center{
    margin:0 auto;
    width:$topwidth;
}
li{
    list-style:none;
}
a{
    text-decoration:none;
}
$bkground:#f9f9f9;
$left:left;
$leftzhi:18px;
$lineheight:32px;
$right:right;
$top:top;
/**这是头部*/
#top{
    background:$bkground;
    @extend %auto;
    .center{
        overflow:hidden;
        .pos{
            position:absolute;
            left:200px;top:22px;
            display:none;
            li{
                width:300px;
            }
        }
        /*左面的东西*/
        .left{
            float:$left;
            padding-#{$left}:$leftzhi;
            text-decoration:none;
            ul{
                float:$left;
                overflow:hidden;
                li{
                    float:$left;
                    line-height:$lineheight;
                }
                .second{
                    line-height:20px;
                    padding:0 13px;
                    margin-top:6px;
                    border-left:1px solid red;
                    background:url(../img/1.2_18.jpg) no-repeat right center;
                }
            }
            a{
                margin:0 $leftzhi;
                color:#0079d7;
            };
            a:hover{
                color:blue;
            }
        };
        /*右面的东西*/
        .right{
            float:$right;
            line-height:$lineheight;
            ul{
                float:$left;
                li{
                   float:$left;
                   display:none;
                   position:relative;
                   top:-32px;
                   list-style:none;
                   text-decoration:none;
                   padding:0 8px; 
                }
            };
            div{
                float:$left;
                margin-#{$right}:$leftzhi;
            }
            span{
                float:$right;
            }
        };
    }
}
/*header部分*/
#header{
    @extend %auto;
    .center{
        overflow:hidden;
        /*左边图片*/
        .bailian{
            float:$left;
            padding:15px 0;
        };
        /*中间input和ul*/
        .soso{
            width:40%;
            float:$right;
            margin-#{$top}:20px;
            input{
                border:2px solid #d93738;
                &[type="text"]{
                    line-height:30px;
                    float:$left;
                    width:81%;
                }
                &[type="button"]{
                    height:34px;
                    float:$left;
                    width:16%;
                    background:#d93738 url(../img/1.2_37.jpg) center no-repeat;
                }
            }
            li{
                float:$left;
                line-height:30px;
                position:relative;
                a{
                    padding:0 5px;
                    border-right:1px solid #9A9A9A;
                }
                &.dian{
                    a{
                        border:0;
                    }
                }
            }
        };
        /*右边购物车*/
        .gouwu{
            float:$right;
            margin-#{$left}:40px;
            div{
                float:$left;
                padding:$leftzhi;
                position:relative;
                padding:20px 25px;
                span{
                    position:absolute;
                    width:$leftzhi;
                    height:$leftzhi;
                    border-radius:50%;
                    background:#9a9a9a;
                    text-align:center;
                    line-height:$leftzhi;
                    top:10px;
                    right:10px;
                }
            };
        }
    }
}
/*banner部分 */
#banner{
    @extend %auto;
    background:#c12324;
    .center{
        .b-ul{
            position:relative;
            overflow:hidden;
            li{
                float:$left;
                padding:0 24px;
                line-height:35px;
                &.first{
                    padding:0 105px 0 15px;
                    background:#d93637;
                }
                &.tu{
                    position:absolute;
                    right:-25px;top:0;
                }
                &.last{
                    position:absolute;left:0;
                    padding:0;opacity:0.8;
                    background:#000;
                    height:35px;
                }
            }
        }
    }
}
#tou{
    height:100%;
    width:100%;
    .center{
        width:1200px;
        margin:0 auto;
        .shou{
            overflow:hidden;
            h3{
                padding:20px 5px;
                margin-right:10px;
                float:left;
            }
            .sousuo{
                float:left;
                margin-top:20px;
                overflow:hidden;
                border:1px solid #9A9A9A;
                input{
                    float:left;
                    height:20px;
                    border:0;
                }
                input[type="button"]{
                    width:40px;
                    height:24px;
                    background:white;
                }
            }
        }
        .main{
            position:relative;
            .fenlei{
                overflow:hidden;
                border-bottom:1px solid red;
                p{
                    float:left;
                    background:#CDCDCD;
                    padding:10px 10px;
                    padding-left:80px;
                    margin-right:10px;
                }
                ul{
                    float:left;
                    overflow:hidden;
                    li{
                        list-style:none;
                        float:left;
                        padding:10px;
                        a{
                            text-decoration:none;
                        }
                    }
                }
            }
            .pinpai{
                overflow:hidden;
                border-bottom:1px solid red;
                p{
                    float:left;
                    background:#CDCDCD;
                    padding:37px 10px;
                    padding-left:112px;
                    margin-right:10px;
                }
                ul{
                    float:left;
                    width:960px;
                    overflow:hidden;
                    li{
                        list-style:none;
                        border:1px solid blue;
                        width:77px;margin:3px;
                        white-space:nowrap;
                        overflow:hidden;
                        text-overflow:ellipsis; 
                        float:left;
                        padding:10px;
                        a{
                            text-decoration:none;
                        }
                    }
                }
            }
            .chandi{
                overflow:hidden;
                border-bottom:1px solid red;
                p{
                    float:left;
                    background:#CDCDCD;
                    padding:10px 10px;
                    padding-left:112px;
                    margin-right:10px;
                }
                ul{
                    float:left;
                    overflow:hidden;
                    li{
                        list-style:none;
                        float:left;
                        padding:10px;
                        a{
                            text-decoration:none;
                        }
                    }
                }
            }
            .pingsai{
                overflow:hidden;
                border-bottom:1px solid red;
                p{
                    float:left;
                    background:#CDCDCD;
                    padding:10px 10px;
                    padding-left:112px;
                    margin-right:10px;
                }
                ul{
                    float:left;
                    overflow:hidden;
                    li{
                        list-style:none;
                        float:left;
                        padding:10px;
                        a{
                            text-decoration:none;
                        }
                    }
                }
            }
            .tangfen{
                overflow:hidden;
                border-bottom:1px solid red;
                p{
                    float:left;
                    background:#CDCDCD;
                    padding:10px 10px;
                    padding-left:112px;
                    margin-right:10px;
                }
                ul{
                    float:left;
                    overflow:hidden;
                    li{
                        list-style:none;
                        float:left;
                        padding:10px;
                        a{
                            text-decoration:none;
                        }
                    }
                }
            }
            .shaixuan{
                overflow:hidden;
                border-bottom:1px solid red;
                p{
                    float:left;
                    background:#CDCDCD;
                    padding:10px 10px;
                    padding-left:64px;
                    margin-right:10px;
                }
                ul{
                    float:left;
                    overflow:hidden;
                    li{
                        list-style:none;
                        float:left;
                        padding:10px;
                        a{
                            text-decoration:none;
                            padding:6px 10px;
                        }
                    }
                    .gongyi:hover{
                        a{
                           border:1px solid #CCCCCC; 
                           border-bottom:1px solid white;
                        }
                    }
                }
            }
            #pinzhong{
                position:absolute;
                bottom:-15px;left:174px;
                overflow:hidden;
                display:none;
                //border:1px solid #CCCCCC;
                li{
                    list-style:none;
                    float:left;margin:3px 0;
                    padding:0 5px;
                    width:70px;
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis; 
                    border:1px solid #CCCCCC;
                    a{
                        text-decoration:none;
                    }
                }
                .other{
                    border-top:1px solid white;
                    border-right:1px solid white;
                }
                .one{
                    border-left:1px solid white;
                }
            }
        }
        .shangpin{
            overflow:hidden;
            margin:20px 0;
            ul{
                overflow:hidden;
                float:left;
                margin-right:20px;
                li{
                    float:left;
                    padding:3px 7px;
                    list-style:none;
                    background:#CCCCCC;
                    border-right:1px solid blue;
                    a{
                        text-decoration:none;
                    }
                }
                .first{
                    background:red;
                }
            }
            .place{
                float:left;
                padding:2px 10px;
                border:1px solid red;
                margin-right:20px;
                input{
                    width:70px;
                }
                .dianji{
                    width:37px;
                    display:none;
                }
            }
            .xuanze{
                float:left;
                overflow:hidden;
                .left{
                    float:left;
                    margin-right:245px;
                }
                .right{
                    float:right;
                    input{
                        width:20px;
                    }
                }
            }
        }
        .liebiao1{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    text-align:center;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao2{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao3{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao4{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao5{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao6{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao7{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao8{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao9{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .liebiao10{
            margin-bottom:10px;
            display:flex;
            dl{
                flex:1;
                padding:10px;
                border:1px solid #CDCDCD;
                margin-right:10px;
                dt{
                    position:relative;
                    div{
                        position:absolute;
                        right:-10px;top:-10px;
                    }
                }
                dd{
                    overflow:hidden;
                    span{
                        float:left;
                        a{
                            color:#FF811B;
                        }
                    }
                    div{
                        float:right;
                    }
                    p{
                        a{
                            color:#969896;
                            font-size:12px;
                        }
                    }
                    a{
                        text-decoration:none;
                    }
                }
                .emd{
                    border:1px solid #fd0;
                    text-align:center;
                    margin-top:4px;
                    a{
                        line-height:33px;
                    }
                }
            }
            .dlend{
                margin-right:0;
            }
        }
        .page{
            margin-top:50px;
            text-align:center;
            margin-bottom:20px;
            ul{
                overflow:hidden;
                width:230px;
                margin:0 auto;
                li{
                    list-style:none;
                    float:left;
                    width:24px;height:24px;
                    background:#969896;margin-right:3px;
                    text-align:center;line-height:24px;
                    a{
                        text-decoration:none;
                    }
                }
                .first{
                    background:red;
                }
                .teshu{
                    background:none;
                }
                .end{
                    width:60px;
                }
            }
        }
    }
}
#foot{
    li{
        list-style:none;
        a{
            text-decoration:none;
        }
    }
    width:100%;height:100%;
    margin-top:20px;
    .center{
        width:1200px;
        border-top:1px solid #DDDCDC;
        margin:0 auto;
        ul{
            overflow:hidden;
            padding:7px 0;
            margin:0 10px;
            li{
                float:left;
                .weixin{
                    padding:50px 26px;
                }
                span{
                    padding-left:34px;
                }
                padding:0 22px;
                ul{
                    li{
                        float:none;
                        padding-top:5px;
                    }
                }
            }
            .f-li1{
                background:url(../img/img11/11223_30.jpg) no-repeat;
            }
            .f-li2{
                background:url(../img/img11/11223_32.jpg) no-repeat;
            }
            .f-li3{
                background:url(../img/img11/11223_34.jpg) no-repeat;
            }
            .f-li4{
                background:url(../img/img11/11223_36.jpg) no-repeat;
            }
            .f-li5{
                background:url(../img/img11/11223_38.jpg) no-repeat;
            }
        }
    }
}
#end{
    width:100%;height:100%;
    li{
        list-style:none;
        a{
            text-decoration:none;
        }
    }
    .center{
        width:1200px;
        margin:0 auto;
        border-top:1px solid #DDDCDC;
        .shoot{
            overflow:hidden;
            .tu{
                padding:20px;
                float:left;
            }
            .wenzi{
                float:left;
                ul{
                    overflow:hidden;
                    li{
                        float:left;
                        padding:0 5px;
                        margin-top:20px;
                        border-right:1px solid #CDCDCD;
                        &.zuihou{
                            border:0;
                        }
                    }
                }
                p{
                    padding-top:5px;
                }
            }
            .wangjian{
                float:right;
                padding-top:18px;
                li{
                    float:left;
                    padding:0 5px;
                }
            }
        }
        .jiewei{
            border-top:1px solid #DDDCDC;
            padding-top:5px;
            padding-left:10px;
            p{
                padding:4px 0;
                color:#9A9A9A;
            }
        }
    }
}
